.cell-info {
  margin-top: 22rpx;
  background-color: #f9f9f9;
  padding: 18rpx 18rpx 22rpx;
  border-radius: 20rpx;

  &.duo {
    .info-warp {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      position: relative;

      &:before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        content: ' ';
        display: inline-block;
        height: 100%;
        width: 1px;
        background-color: #dddddd;
      }

      .info-item {
        border-right: none;
      }
    }
  }

  .info-warp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    .info-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-width: 180rpx;
      margin: 0 15rpx;
      padding: 0 15rpx;

      &:last-child {
        border-right: none;
      }

      &.center-item {
        padding-right: 15rpx !important;
        position: relative;

        &:before,&:after{
          content: ' ';
          width: 1px;
          height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: -13px;
          background: #cccccc;
        }

        &:after{
          left: unset;
          right: -20px;
        }

        &.hidden-line{
          &:after{
            display: none;
          }
        }

        .cell-col {
          position: relative;
          left: 5px;
        }
      }

      .cell-col {
        font-size: 32rpx;

        &.bottom {
          color: #9f9f9f;
          margin-top: 8rpx;
          font-size: 24rpx;
        }
      }
    }
  }
}
